@extends('common.public')
@section('title', $info->name."-深圳市峰华科技有限公司")
@section('keyword', $info->keyword)
@section('content')
<div class="page-banner" >
    <div class="img-banner md:py-5 flex md:items-center" style="background-image:url('/uploads/{{$info->banners}}');background-position: 90% center;">
        <div class="banner-infos flex flex-wrap items-center w-full md:w-1/2 py-3 px-4">
            <div class="banner-inner py-3 px-4">
            <div class="page-title w-full  text-4xl mb-5 text-white">{{$info->name}}</div>
            </div>
        </div>
    </div>
</div>

<div class="page-content">
    <div class="w-full href-hash flex text-sm py-3"> 当前位置:
        <a href="/" title="首页">首页</a><span class="iconfont icon-xiangyou"></span><a href="/project-category/portfolio/" title="产品中心">产品中心</a>
        <span class="iconfont icon-xiangyou"></span>
        @foreach($hash as $v)
        <a href="{{$v['c_url']}}" title="{{$v['c_name']}}">{{$v['c_name']}}</a> <span class="iconfont icon-xiangyou"></span>
        @endforeach
        <span>{{$info->name}}</span>
    </div>
    <div class="change-bg  md:border-b-4 pt-4">
        <ul class="px-0 flex flex-wrap w-full">
            @foreach($content as $key=>$c)
            <li id="pid{{$key}}" class="change-li w-full md:w-auto cursor-pointer {{ $key==0? 'change-li-active':''}} bg-gray-400 py-1 text-sm text-white px-3 mr-2">{{$c->t_name}}</li>
            @endforeach
            <li id="pid14" class="change-li w-full md:w-auto cursor-pointer bg-gray-400 py-1 text-sm text-white px-3 mr-2">图库/视频</li>
            @if(!empty($dowload))<li id="pid15" class="change-li w-full md:w-auto cursor-pointer bg-gray-400 py-1 text-sm text-white px-3 mr-2">SDK开发包</li>@endif
        </ul>
    </div>
    <div class="product-centent flex flex-wrap py-5">
        <div class=" w-full md:w-4/5">
            @foreach($content as $key=>$c)
            <div id="product-pid{{$key}}" class="prodcuts {{ $key==0? 'prodcuts-active':''}}  hidden text-sm pb-10  md:pr-10">
                {!! $c->t_content !!}
            </div>
            @endforeach
            
            <div id="product-pid14" class="prodcuts hidden text-sm  md:pr-10">
            <div class="w-full pt-4">
                    <h4 class="text-lg font-semibold pb-5">产品图片</h4>
                </div>
                <div class="flex flex-wrap">
                    @foreach($thumb['thumb'] as $key=>$img)
                        <div class=" w-1/2 md:w-1/3 lg:w-1/4">
                            <div class="mx-2 mb-3 px-4 border hover:shadow-lg rounded show-imgs cursor-pointer" data-src="/uploads/{{$thumb['img'][$key]}}">
                                <img src="/uploads/{{$img}}" alt="">
                            </div>
                        </div>
                    @endforeach
                </div>
                @if($info->video!=""&&$info->video_show==1)
                    <div class="w-full pt-4">
                        <h4 class="text-lg font-semibold pb-5">产品视频</h4>
                        <div class="video">
                            <video class="w-full" controls >
                                <source src="/uploads/{{$info->video}}" type="video/mp4">
                                <source src="/uploads/{{$info->video}}" type="video/webm">
                            </video>
                        </div>
                    </div>
                @endif
            </div>
            @if(!empty($dowload))
            <div id="product-pid15" class="prodcuts hidden text-sm  md:pr-10">
                
            @foreach($dowload as $v)
                @if(count($v['list'])>0)
                <h3 class="text-lg font-semibold pb-5">{{$info->name.$v['title']}}</h3>
                <div class="w-full">
                    <div class="flex w-full bg-gray-300 px-2 border-b">
                        <div class="w-1/2 py-1 font-semibold">版本</div>
                        <div class="w-1/2 py-1 font-semibold">备注</div>
                    </div>
                </div>
                @foreach($v['list'] as $list)
                <div class="flex w-full px-2 border-b items-center py-2">
                        <div class="w-1/2 py-1"><a class="download-a" target="_blank" title="{{$list->r_name}}" href="{{ $list->r_addr==1? $list->r_url:'/uploads/'.$list->n_url}}">{{$list->r_name}} <span class="iconfont icon-xiazai" style="font-size:26px;"></span></a></div>
                        <div class="w-1/2 py-1">{{$list->r_desc}}</div>
                    </div>
                   
                @endforeach
                <div class="pb-8"></div>
                @endif
            @endforeach
                <!-- <div class=" leading-6"><a class="download-a" href="">UHF超高频读卡硬件规格书 <span class="iconfont icon-xiazai" style="font-size:26px;"></span></a></div>
                <div class=" leading-6"><a class="download-a" href="">UHF超高频读卡硬件规格书 <span class="iconfont icon-xiazai" style="font-size:26px;"></span></a></div> -->
            </div>
            @endif
        </div>

        <div class="w-full md:w-1/5">
            @foreach( explode(',',$info->slide) as $v)

            <div class="mx-2 mb-3 px-4 py-2 border hover:shadow-lg rounded show-imgs cursor-pointer" data-src="/uploads/{{$v}}">
                <img src="/uploads/{{$v}}" alt="">
            </div>
            @endforeach
        </div>
    </div>
</div>
<div class="bg-img z-50 fixed top-0 left-0 w-screen h-screen hidden overflow-hidden">
    <div class="covers w-screen h-screen bg-black opacity-10"></div>
    <div class="show-img bg-white p-4 overflow-y-auto flex justify-center"><img id="show-bigimg" src="" alt=""></div>
</div>
@endsection